<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=1280, initial-scale=1.0">
    <meta name="description" content="A visual shortcuts explorer for popular applications. Photoshop Shortcuts, Lightroom Shortcuts, Blender Shortcuts, Maya Shortcuts.">
    <meta name="author" content="Waldo Bronchart">
    <meta property="og:image" content="content/images/screenshot.jpg" />
    <link rel="shortcut icon" href="content/images/favicon.ico">

    <title>ShortcutMapper - Keyboard Shortcuts for Popular Apps</title>

    <link href="content/stylesheets/style.css" rel="stylesheet">

    <script src="content/javascripts/jquery-2.0.3.min.js"></script>
    <script src="content/javascripts/jquery-ui-1.9.2.min.js"></script>
    <script src="content/javascripts/chosen.jquery.min.js"></script>

    <script src="content/keyboards/keyboards.js"></script>
    <script src="content/generated/apps.js"></script>
    <script src="content/javascripts/utils.js"></script>
    <script src="content/javascripts/keyboard.js"></script>
    <script src="content/javascripts/manager.js"></script>

    <script type="text/javascript">
    $(function() {
        var shortcutMapper = new ShortcutMapper();
        shortcutMapper.init();
    })
    </script>
    <script>
        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
        })(window,document,'script','http://www.google-analytics.com/analytics.js','ga');

        ga('create', 'UA-50851062-1', 'waldobronchart.github.io');
        ga('send', 'pageview');
    </script>
</head>

<body>
    <div id="mainwrap">
        <header>
            <h1>Application Shortcut Mapper</h1>
            <p>A visual shortcuts explorer for popular applications.</p>

            <div id="banners">
                <ul>
                    <li class="github">
                        <a href="https://github.com/waldobronchart/ShortcutMapper">Contribute <span class="icon"></span></a>
                    </li><li class="coin">
                        <a href="https://www.blocktrail.com/BTC/address/12k2vqnJ7wyayXfewuQceNkf7FcPY3v83t" target="_blank" title="Humble Donation">&nbsp;<span class="icon"></span></a>
                    </li>
                </ul>
            </div>

            <nav>
                <div class="inputgroup">
                    <!-- leave no spaces between selects -->
                    <select id="application_select" name="application_select" class="leftfield chosen-select">
                    </select><select id="version_select" name="version_select" class="rightfield chosen-select">
                    </select>
                </div>
                <div class="inputgroup">
                    <select id="context_select" name="context_select" class="chosen-select"></select>
                </div>
                <div class="inputgroup">
                    <!-- leave no spaces between buttons -->
                    <button id="os_windows" class="os-radiobutton os-windows leftfield" data-os="windows"><b></b>
                    </button><button id="os_osx" class="os-radiobutton os-mac midfield" data-os="mac"><b></b>
                    </button><button id="os_linux" class="os-radiobutton os-linux rightfield" data-os="windows"><b></b></button>
                </div>
                <div class="inputgroup">
                    <select id="keyboardtype_select" name="keyboardtype_select" class="chosen-select keyboard-select"></select>
                </div>
            </nav>
        </header>

        <div id="content">
            <div id="contentwrap">
                <div id="keycontent"></div>
                <div id="othercontent">
                    <div id="keyinfo"></div>
                    <div id="search">
                        <div id="searchbox">
                            <input id="searchfield" name="searchfield" placeholder="Search for shortcuts..." />
                            <span class="icon"></span>
                            <div id="search_results"></div>
                        </div>
                    </div>
                    <div id="mousecontent"></div>
                </div>
            </div>
        </div>
        <div id="search_blurdetect"></div>

        <div id="footer">
            <span>
                Developed and maintained by <a href="http://waldobronchart.be/">Waldo Bronchart</a> (<a href="https://twitter.com/wbronchart">@wbronchart</a>).
                Humbly Accepting Donations at 
                    <a href="https://www.blocktrail.com/BTC/address/12k2vqnJ7wyayXfewuQceNkf7FcPY3v83t">12k2vqnJ7wyayXfewuQceNkf7FcPY3v83t</a>.
            </span>
        </div>
    </div>
</body>
</html>
